<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录页</title>
    <link rel="stylesheet" href="./css/login.min.css">
</head>

<body>
    <div class="web">
        <!-- 公共头部 -->
        <header>
            <div class="border-top"></div>
            <div class="header-content">
                <div class="logo">
                    <img src="./image/header/logo.png" alt="">
                </div>
                <!-- 导航 -->
                <nav>
                    <ul>
                        <li class="active"><a href="">首页</a></li>
                        <li><a href="">关于鼎搜</a></li>
                        <li><a href="">鼎搜服务</a></li>
                        <li><a href="">鼎搜动态</a></li>
                        <li><a href="">鼎搜诚聘</a></li>
                        <li><a href="">鼎搜公益</a></li>
                    </ul>
                </nav>
                <!-- 搜索框 -->
                <div class="search">
                    <input type="text">
                </div>
            </div>
            <!-- 顶部大图 -->
            <div class="banner">
                <img src="./image/header/banner.png" alt="">
            </div>
        </header>
        <main>
            <!-- 我要转让 -->
            <div class="transfer">
                <h3>我要转让 <br>
                    <span>WO YAO ZHUAN RANG</span>
                </h3>
            </div>
            <!-- 登录表单 -->
            <div class="content">
                <div class="login">
                    <table>
                        <tr>
                            <td></td>
                            <td><button class="login-click">点击登录</button><button>点击注册</button></td>
                        </tr>
                        <tr>
                            <td>用户名：</td>
                            <td><input class="username" type="text"></td>
                        </tr><br>
                        <tr>
                            <td>密码：</td>
                            <td><input class="password" type="password"></td>
                        </tr>
                        <tr>
                            <td>验证码：</td>
                            <td><input class="verify" type="text"> <img src="./image/login/verify.png" alt=""> 看不清? <a
                                    href="">点击更换</a></td>
                        </tr>
                        <tr>
                            <td>有效期：</td>
                            <td>
                                <label><input type="radio" name="time">一个月</label>
                                <label><input type="radio" name="time">一周</label>
                                <label><input type="radio" name="time">一天</label>
                                <label><input type="radio" name="time">即时</label>
                            </td>
                        </tr>
                        <tr>
                            <td></td>
                            <td><button class="login-bt">登录</button> <span class="forget">忘记密码?</span> </td>
                        </tr>
                    </table>
                </div>
                <!-- 右边图片 -->
                <div class="right-picture"><img src="./image/login/jigsaw01.png" alt=""></div>
            </div>
        </main>
        <!-- 底部 -->
        <footer>
            <!-- 装饰线 -->
            <hr>
            <!-- 列表 -->
            <div class="footer">
                <ul>
                    <li>简介</li>
                    <li><a href="">鼎搜网简介</a></li>
                    <li><a href="">鼎搜服务</a></li>
                    <li><a href="">会员身份实名认证</a></li>
                </ul>
                <ul>
                    <li>帮助</li>
                    <li><a href="">用户注册</a></li>
                    <li><a href="">关于鼎搜</a></li>
                    <li><a href="">在线咨询</a></li>
                </ul>
                <ul>
                    <li>共赢</li>
                    <li><a href="">网站合作</a></li>
                    <li><a href="">用户协议</a></li>
                    <li><a href="">会员身份实名认证</a></li>
                </ul>
                <ul>
                    <li>导航</li>
                    <li><a href="">地图首页</a></li>
                    <li><a href="">职能分类</a></li>
                    <li><a href="">企业名录</a> </li>
                </ul>
                <div class="connect">
                    <img src="./image/footer/connect.png" alt="">
                </div>
            </div>
            <!-- 底部蓝色 -->
            <div class="border-bottom">
                Copyright ©2015 鼎搜网(www.dinsoo.com) 版权所有
            </div>
        </footer>
    </div>
</body>

</html>